/*多个JS冲突。*/


var vue1;/*可以*/
var options;/*可以？未定义？【重复使用有问题，需要改的地方很多？？？？（还要改其他东西？）】*/
/*除了totalpages之外？*/
$(function () {
    /**
     * 这是一个VUE定义。【写在pag前面？？？？】
     * @type {Vue|Vue|Vue}
     */
    vue1 = new Vue({//定义一个Vue？【里面有函数？Vue】
        el: '#vue1',
        data: {
            mypetshowlist: [],
            index: '1',/*不定义报错。？？【？】*/
            id: '2'/*不定义报错。*/,
            total: 0/*初始0即可。*/
        },
        methods: {
            changepage: function (event, pageofweb, userid, storeid) {
                querybypage(pageofweb, storeid, userid);
            },
        }
    });
    vue2 = new Vue({
        el: '#vue2',
        data: {
            mypetshow: {
                petid: '111'
            }
        },
        method: {}
    });


    options = {
        currentPage: 1,/*当前页码。【初始值。？】*/
        totalPages: 1,/*总页码。【从后台来。后期怎么改？？？】*/
        /*？*/
        numberOfPages: 5,/*最大页面，一次显示几个。？？【定死。】*/
        size: "Large",/*大小？*//*Mini  Small  Normal  Large*/
        alignment: "center",/*对齐？？？【？没居中？？？】*//* Left  Center  Right*/

        /*单击页码调用。放在options里面。*/
        onPageClicked: function (e, originalEvent, type, page) {
            /*搜索后单击页码事件也要变。【函数格式固定？？？还是自定义？固定？】*/

            var userid = document.getElementById("userid").innerText.split('，')[1];
            var storeid = document.getElementById("storeid").innerText.split('：')[1];
            vue1.changepage(event, page, userid, storeid);
        }
    };

    /*初始化代码。*/

    /*名称对应。*/
    $('#paginator').bootstrapPaginator(options);/*输入参数。*/

    /*初始化参数【todo 传入。】*/
    var userid = document.getElementById("userid").innerText.split('，')[1];
    var storeid = document.getElementById("storeid").innerText.split('：')[1];
    vue1.changepage(event, 1, userid, storeid);
});

/*模态框其他使用？*/
function datainput(number) {
    document.getElementById('ii').innerText = number;
    alert(number);
}

/*删除。*/
function deleteitem(element) {
    /*可行？*/
    // var itemid=$(this).parents("li").find("#petid").text();

    /*暂时？*/
    // var itemid=element.parentNode.parentNode.innerText.substring(3,5);

    var item = element.parentNode.parentNode;
    var itemid = $(item).find('p')[3].innerText;/*成功。如何第n个。成功。*/
    /*:nth-child(3)没用？text()没用？*/
    var msg = "您确定要删除吗？";
    if (!confirm(msg)) {
        return false;
    }
    $.ajax({
        url: "http://localhost:8080/Github_war_exploded/pet/deleteaction",
        method: "GET",
        data: {
            petid: itemid
        },
        success: function () {
            // window.location.reload();/*todo reload会怎么样？？【JS动画删除？】*/
            // alert('成功。');

            /*this没有用？？*/
            $(element.parentNode.parentNode).hide(500);
        }, error: function () {
            /*因为已经卖出不可以删除？按钮？不可操作？【待会儿。】*/
            alert('失败');
        }
    });
}


/**
 * 查询一页，根据page的值。page的值来自于？【插件？调用？】作为通用函数被调用吧。参数是页码，供调用？【还有店主信息？先写死。】
 * 放在Vue里面调用。就是一样？【获取到之后。在success里面？转换？】
 * [ajax部分。取出来。了。放到Vue？调用Vue即可？好吧，几乎懂了。]
 * @param pageofweb
 */
function querybypage(pageofweb, storeid, userid) {//点击页码，获取新页码值。并放进去。


    /*获取三个参数。？？？？拼接方法。？*/
    $.ajax({//根据页码获取当前页码的应该获取到的值。
        /*写接口。*/
        url: "http://localhost:8080/Github_war_exploded/store/mystore",/*todo 改为变量。*/
        /*http://localhost:8080/Github_war_exploded/store/mystore?storeid=xxx&userid=xxx&page=1*/
        /*"/mystore/{userid}/{storeid}"???*/

        data: {/*重点输入参数。多，一一搞定。*/
            storeid: storeid,
            userid: userid,/*单引号？*/
            page: pageofweb
        },
        success: function (data) {//成功后，把取到的值放到html中。【success】
            /*把数据放到页面中，用Vue【Vue】*/
            /*什么时候绑定就可以什么时候，改变其值。*/
            putdata(data);
        }, error: function (msg) {
            alert('失败了，已执行。');
            console.log(msg);
        }
    });
}

/*独立函数，放参数。【分页和搜索都用。】*/

/*复用函数。*/

function putdata(data) {
    vue1.mypetshowlist.splice(0);
    /*谷歌测试有效。【？】*/

    var mypetshowlist = data.petshowList;/*不赋值不能用？【？？】*/
    /*需要放的值。*/

    /*(var index in data)*/
    /*取出具体值的JSON，键。的值。*/
    /*只能用在数组上。【对函数不理解。】*/
    for (index in mypetshowlist) {
        var vueItem = {};/*？[这个是一个数据，如何嵌套复合结构？？？【？?】]*/
        var listitem = mypetshowlist[index];

        /*后半部[数据。]这么？写[index是这个意思？]*/
        /*	vueItem.app_name =
        dataItem.app_name == null ? "--" : dataItem.app_name;需要判断吗？*/


        /*赋值区域。大面积处理数据。【？】*/
        vueItem.petid = mypetshowlist[index].petid;/*不判断，直接赋值。*/


        vueItem.id = index;/*不判断，直接赋值。*/
        /*这是序号吗？【？】*/
        vueItem.petid = listitem.petid;/*不判断，直接赋值。*/

        var petdetails = {};/*初始化？【嵌套对象。（？）】*/

        petdetails.petname = listitem.petdetails.petname;/*不判断，直接赋值。*/
        petdetails.petphotopath = listitem.petdetails.petphotopath;/*不判断，直接赋值。*/
        /*不判断，直接赋值。*/
        var gender1 = listitem.petdetails.gender;
        if (gender1 === true) {
            petdetails.gender = "公";
        } else {
            petdetails.gender = "母";
        }


        petdetails.age = listitem.petdetails.age;/*不判断，直接赋值。*/
        petdetails.health = listitem.petdetails.health;/*不判断，直接赋值。*/
        petdetails.species = listitem.petdetails.species;/*不判断，直接赋值。*/
        /*综合放到一起。*/
        vueItem.petdetails = petdetails;/*对象放到对象里面？【？】*/

        /*有问题？*/

        var petrelease = {};
        petrelease.releasetime = listitem.petrelease.releasetime;/*不判断，直接赋值。*/
        vueItem.petrelease = petrelease;
        /*二。*/

        var pettrading = {};

        var flag1 = listitem.pettrading.flag;
        if (flag1 === true) {
            pettrading.flag = "已出售";
        } else {
            pettrading.flag = "未出售";
        }


        pettrading.money = listitem.pettrading.money;
        vueItem.pettrading = pettrading;
        /*三。*/


        /*???y todo */

        /*成功？？？【使用JS变量，结合Chrome调试技术。】*/
        // vue1.mypetshowlist.pop();
        // console.log(vueItem);/*放的什么就是什么是一个JSON的样子差不多。反正放进去了。【和vueItem.xxx=?有关。】*/
        vue1.mypetshowlist.push(vueItem);/*传入数据？【自动？】*/
        /*push之前把，里面的数据清空，删除？【todo？】*/

        /*写法：vue名字。数据名字。push（传的值。var变量。）*/

        /*写在循环里面？ok？*/


        /*更改总页码的值。只能写在？ajax获取到值之后？？【？】*/


        /*取出放置。替换。*/

        vue1.total = data.total;/*这样可以替换吗？？？【？】*/
        /*????*/
        /*两个参数怎么用？【？】*/


        /*获取，paginator？？？【这个？可以？更改页码？】*/
        options.totalPages = data.totalPage;/*传入。【可以？】*/
        options.currentPage = data.page;/*传入当前页码？？？？【对吗？】*/


        /*这个怎么修改呢？？初始化时只要做那个原本即可。搜索后，需要点击之后查询新的搜索分页结果。*/
        /*不修改，单击事件就不会变。【？】*/
        /*options.onPageClicked(e, originalEvent, type, page){
            var userid = document.getElementById("userid").innerText.split('，')[1];
            var storeid = document.getElementById("storeid").innerText.split('：')[1];
            vue1.changepage(event, page, userid, storeid);
        };*/



        /*未定义。[??]*/
        $('#paginator').bootstrapPaginator("setOptions", options);/*这样更新不会冲突？？？谷歌检测？【？】*/

    }
}

/*条件查找的方法。*/
function searchby() {
    // $("input.form-control")
    var data = {};
    data ["gender"] = "";
    var arr = $('form').serializeArray();
    $.each(arr, function () {
        data [this.name] = this.value;
    });
    alert(JSON.stringify(data));
    console.log(data);
    // return false;//检查。

    /*搜索后台数据。*/

    $.ajax({
        url: "http://localhost:8080/Github_war_exploded/pet/searchaction",
        type: "GET",
        data: data,

        /*int petid,
        String petname,
        boolean gender,
        int age,
        String species,
        int money*/

        success: function (datamsg) {
            /*放到Vue里面。像那个一样？【ok，简单，问题，点击页码会回到那个非搜索。】*/
            /*？页码？*/
            putdata(datamsg);
        }, error: function (msg) {
            alert('ajax error');
            console.log(msg);
        }
    });

    /*$("input[type='checkbox']");*/
    /*$("input[type!='text']");*/

}


function showall(element) {
    // alert(element.getAttribute("petid"));
    // alert(element.innerText.substring(3,5));
    /*取值方法？*/
}

/*调用？*/
function modifypage(element) {

    /*字符串。？*/
    var petid = element.parentNode.parentNode.innerText.substring(3, 5);


    /*调用放到里面，可以JS*/
    WeAdminShow('编辑', 'http://localhost:8080/Github_war_exploded/pet/modifypage?petid=' + petid);
    /*拼凑*/
}